<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">
<f:view>
	<h:head>
		<title>El Mero Mero</title>
	</h:head>
	<h:body>
		<table border="0" width="100%">
			<tr>
				<td><p:graphicImage value="/img/condominio.png" /></td>
			</tr>
		</table>
		<h:form>
			<br />
			<br />
			<br />
			<center>
				<p:panelGrid id="panel" columns="2">
					<f:facet name="header">
					Ingreso al MeroMero
				</f:facet>
					<h:outputText value="Usuario" />
					<h:inputText value="#{usuario.usuario}" />
					<h:outputText value="Clave" />
					<h:inputText value="#{usuario.clave}" />
					<f:facet name="footer">
						<p:commandButton value="Autenticar"
							action="#{usuario.autenticando}" ajax="false"/>
					</f:facet>
				</p:panelGrid>
				<p:messages/>
			</center>
		</h:form>
	</h:body>
</f:view>
</html>